<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新美星质量管控看板(试行)</title>
</head>
<body>

{{--<table class="qgg-table">--}}
{{--    <tbody>--}}
{{--    <tr><td rowspan="6" style="width: 20%" class="first">公司合格率一览</td></tr>--}}
{{--    <tr>--}}
{{--        <td>本月制造部合格率</td>--}}
{{--        <td>{{round($data1['hgl']*100,2) . '%'}}</td>--}}
{{--    </tr>--}}
{{--    @foreach($data2 as $k=>$v)--}}
{{--        <tr>--}}
{{--            @if($k=='0')--}}
{{--                <td>本月供应部合格率</td>--}}

{{--            @endif--}}
{{--            @if($k=='1')--}}
{{--                <td>本月外协采购合格率</td>--}}
{{--            @endif--}}
{{--            @if($k=='2')--}}
{{--                <td>本月外协委外合格率</td>--}}
{{--            @endif--}}
{{--            <td>{{round($v['hgl']*100,2) . '%'}}</td>--}}
{{--        </tr>--}}
{{--    @endforeach--}}
{{--    </tbody>--}}
{{--</table>--}}
<table class="qgg-table">
    <tbody>
    {{--    不合格单类型--}}
    <th></th>
{{--    <th>金工车间</th>--}}
{{--    <th>精密加工车间</th>--}}
{{--    <th>外协工序</th>--}}
{{--    <th>质量管理部</th>--}}
    @foreach($data3 as $k=>$v)
    <th>{{$v['aaa']}}</th>
    @endforeach
    {{--    <tr><td  style="width: 20%" class="first">不合格单据未处理</td></tr>--}}
    <tr>
        <td>不合格单据未处理</td>
        @foreach($data3 as $k=>$v)
            {{--        <td>{{$v['aaa']}}</td>--}}
            <td>{{$v['bbb']}}</td>
        @endforeach
    </tr>

    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    {{--    不合格单类型--}}
    <th></th>
    <th>不合格类型</th>
    <th>单据数量</th>
    <tr><td rowspan="10" style="width: 20%" class="first">本月车间不合格类型</td></tr>
    @foreach($data4 as $k=>$v)
        <tr>
            <td>{{$v['aaa']}}</td>
            <td>{{$v['bbb']}}</td>
        </tr>

    @endforeach
    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    {{--    不合格单类型--}}
    <th></th>
    <th>姓名</th>
    <th>单据数量</th>
    <tr><td rowspan="11" style="width: 20%" class="first">本月不合格责任人前10排名</td></tr>
    @foreach($data5 as $k=>$v)
        <tr>
            <td>{{$v['aaa']}}</td>
            <td>{{$v['bbb']}}</td>
        </tr>

    @endforeach
    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    {{--    不合格单类型--}}
    <th></th>
    <th>月份</th>
    <th>数量</th>
    <tr><td rowspan="11" style="width: 20%" class="first">制造部过程合格率</td></tr>
    @foreach($data6 as $k=>$v)
        <tr>
            <td>{{$v['aaa']}}</td>
            <td>{{round($v['bbb']*100,2) . '%'}}</td>
        </tr>

    @endforeach
    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    {{--    不合格单类型--}}
    <th></th>
    <th>月份</th>
    <th>数量</th>
    <tr><td rowspan="11" style="width: 20%" class="first">制造部终检合格率</td></tr>
    @foreach($data7 as $k=>$v)
        <tr>
            <td>{{$v['aaa']}}</td>
            <td>{{round($v['bbb']*100,2) . '%'}}</td>
        </tr>

    @endforeach
    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    {{--    不合格单类型--}}
    <th></th>
    <th>月份</th>
    <th>数量</th>
    <tr><td rowspan="11" style="width: 20%" class="first">板焊过程合格率</td></tr>
    @foreach($data8 as $k=>$v)
        <tr>
            <td>{{$v['aaa']}}</td>
            <td>{{round($v['bbb']*100,2) . '%'}}</td>
        </tr>

    @endforeach
    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    {{--    不合格单类型--}}
    <th></th>
    <th>月份</th>
    <th>数量</th>
    <tr><td rowspan="11" style="width: 20%" class="first">板焊终检合格率</td></tr>
    @foreach($data9 as $k=>$v)
        <tr>
            <td>{{$v['aaa']}}</td>
            <td>{{round($v['bbb']*100,2) . '%'}}</td>
        </tr>

    @endforeach
    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    {{--    不合格单类型--}}
    <th></th>
    <th>月份</th>
    <th>数量</th>
    <tr><td rowspan="11" style="width: 20%" class="first">金工过程合格率</td></tr>
    @foreach($data10 as $k=>$v)
        <tr>
            <td>{{$v['aaa']}}</td>
            <td>{{round($v['bbb']*100,2) . '%'}}</td>
        </tr>

    @endforeach
    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    {{--    不合格单类型--}}
    <th></th>
    <th>月份</th>
    <th>数量</th>
    <tr><td rowspan="11" style="width: 20%" class="first">金工终检合格率</td></tr>
    @foreach($data11 as $k=>$v)
        <tr>
            <td>{{$v['aaa']}}</td>
            <td>{{round($v['bbb']*100,2) . '%'}}</td>
        </tr>

    @endforeach
    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    {{--    不合格单类型--}}
    <th></th>
    <th>月份</th>
    <th>数量</th>
    <tr><td rowspan="11" style="width: 20%" class="first">精密过程合格率</td></tr>
    @foreach($data12 as $k=>$v)
        <tr>
            <td>{{$v['aaa']}}</td>
            <td>{{round($v['bbb']*100,2) . '%'}}</td>
        </tr>

    @endforeach
    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    {{--    不合格单类型--}}
    <th></th>
    <th>月份</th>
    <th>数量</th>
    <tr><td rowspan="11" style="width: 20%" class="first">精密终检合格率</td></tr>
    @foreach($data13 as $k=>$v)
        <tr>
            <td>{{$v['aaa']}}</td>
            <td>{{round($v['bbb']*100,2) . '%'}}</td>
        </tr>

    @endforeach
    </tbody>
</table>

<div style="margin: 50px;width: 100%;height: 100px;"></div>
<style>
    *{margin: 0;padding: 0}
    .title {
        text-align: center;
        font-weight: bold
    }

    /** Table 表格样式 **/
    .qgg-table {
        border-collapse: collapse;
        width: 100%;
        border: 1px solid #c6c6c6 !important;
        margin-bottom: 20px;
    }

    .qgg-table th {
        border-collapse: collapse;
        border-right: 1px solid #c6c6c6 !important;
        border-bottom: 1px solid #c6c6c6 !important;
        background-color: #ddeeff !important;
        padding: 5px 9px;
        font-size: 14px;
        font-weight: normal;
        text-align: center;
    }

    .qgg-table td {
        border-collapse: collapse;
        border-right: 1px solid #c6c6c6 !important;
        border-bottom: 1px solid #c6c6c6 !important;
        padding: 5px 9px;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        word-break: break-all;
    }

    .qgg-table tr:nth-child(odd) {
        background-color: #fff !important;
    }

    .qgg-table tr:nth-child(even) {
        background-color: #f8f8f8 !important;
    }

    th{font-weight: bold !important;}
    .first{font-weight: bold !important;text-align: left}
</style>
</body>
</html>
